<!DOCTYPE html>
<html>
  <head>
    <title>SingleUserCurve.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <link rel="stylesheet" type="text/css" href="../css/jquery.ui.all.css">
    <link rel="stylesheet" type="text/css" href="../css/demos.css">
	<script type="text/javascript" src="../js/jquery-1.10.0.js"></script>
	<script type="text/javascript" src="../js/jquery-ui.js"></script>
	<script type="text/javascript" src="../js/jquery.gchart.js"></script>
	<style type="text/css">
		*{margin:0;padding:0;list-style-type:none;}
		#mainFram{position:fixed;top:0;left:0; margin: 20px 0 0 0;width:100%; height:100%;}
		#resultGChart { position:fixed;top:50px;left:0; margin: 50px 0 0 0;width: 100%; height:100%; }
	</style>
	<script type="text/javascript">
		$(function(){
			$("#beginTime").datepicker({
				showOn: "button",
				buttonImage: "../images/calendar.gif",
				buttonImageOnly: true
			});
				$("#endTime").datepicker({
				showOn: "button",
				buttonImage: "../images/calendar.gif",
				buttonImageOnly: true
			});
			
			var array1=[15, 13, 12, 33,28, 21, 30, 31, 33, 25, 22, 18];
			var array2=['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'];
			$('#resultGChart').gchart({
				type: 'line',
				title: '2009年阿一电影下载量折线图',
				series: [$.gchart.series(array1,'red')],
				axes: [$.gchart.axis('left', 0, 100,'blue'),$.gchart.axis('bottom',array2,'008000')],
				legend: 'top'
			});
		});
	</script>
  </head>
  
  <body>
  	<div id="mainFram">
	    <div id="curveInfoTable">
	   		<span class="label">起始时间：</span>
	   		<input id="beginTime" type="text"/>
			<span class="label">结束时间：</span>
	   		<input id="endTime" type="text"/>
			<span class="label">间隔时长：</span>
			<input id="intervalTime" type="text"/>
			<button id="curveBtn">查 看</button>
	    </div>
	    <div id="resultGChart"></div>
    </div>
  </body>
</html>
